<template>
  <div class="has_header">
    <Header></Header>
    <div class="t_area">
      <mt-field :placeholder="$t('m.suggestPlace')"  type="textarea" rows="4" v-model="description"></mt-field>
      <p class="t_area_count">{{500-description.length}}/500</p>
    </div>
    <div class="set_btn">
      <mt-button type="default" @click="submit" size="large">{{$t('m.submit')}}</mt-button>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import { MessageBox } from 'mint-ui';
  import Header from './comment/header/header'
  export default {
    components:{Header},
    name: "setting",
    data(){
      return{
        value:false,
        description:''
      }
    },
    mounted(){
      this.$store.state.detailTitle = '反馈';
      this.$store.state.showTab = false;
      console.log()
    },
    methods:{
      submit(){
        if(this.description.length<5){
          MessageBox('提示', '反馈信息不能少于5个字');
        }else {
          MessageBox('提示', '反馈成功！');
          this.$router.go(-1)
        }
      },
      turn(){
        console.log(this.value)
      }
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .has_header
    padding-top 44px;
    height 100vh
    background #FAFAFA
  .t_area
    margin-top 0.23rem
    padding 0.1rem
    background #fff
  .t_area_count
    text-align right
    font-size 0.14rem
    color #666
  .set_btn
    padding 0 0.28rem
    margin-top 0.2rem
    .mint-button--default
      background #333
      color #fff
</style>
